<template>
  <div id="app">

    <section>
      <router-view/>
    </section>
    <footmenu/>

  </div>
</template>

<script>
  import Vue from 'vue'
  import footmenu from './components/Nav'

  export default {
    name: 'App',
    components:{
      Vue,
      footmenu
    },
    data() {
      return {
        list:[]
      }
    }
  }
</script>

<style>
  /*样式重置*/
  body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
  body,html{
    height: 100%;
    font-size: 31.25vw;
  }
  ul,li,ol{list-style:none;}
  img,fieldset{border:0; }
  img{display:block;}
  a{text-decoration:none; color:#333;}
  h1,h2,h3,h4,h5,h6{font-weight:100;}
  body{font-size:14px; font-family:"微软雅黑";background-color: #f3f3f3}
  a{outline:none;}
  i{font-style: normal;}


  #app {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  section{
    flex: 1;
    overflow-y: auto;
  }

</style>
